<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>轮播图</title>
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<link rel="stylesheet" href="css/bootstrap.css" />
	</head>
	<body>
		<!--触发模态对话框的按钮-->
		<button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal">
			添加学生信息
		</button>
		<!--模态对话框-->
		<div id="myModal" class="modal fade">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">添加学生信息</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal" role="form">
							<div class="form-group">
								<label for="stuId" class="col-sm-2 control-label">学号：</label>
								<div class="col-sm-10">
									<input name="stuId" class="form-control" />
								</div>
							</div>
							<div class="form-group">
								<label for="stuName" class="col-sm-2 control-label">姓名：</label>
								<div class="col-sm-10">
									<input name="stuName" class="form-control" />
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-info" data-dismiss="modal">提交</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
